<template>
  <Section title="基本信息">
    <col-label-group :span="12">
      <col-label label="教授">lecture</col-label>
      <col-label label="助教">Dtap</col-label>
      <col-label label="TA管理">李志军</col-label>
      <col-label label="学术老师">Damy</col-label>
      <col-label label="学服老师">李志军；Ada；杨洋；jack</col-label>
      <col-label label="课程类型">
        lecture
        <Tag type="success" size="large">线上</Tag>
      </col-label>
      <col-label label="所属分类">普通课程</col-label>
      <col-label label="期数">国内A期</col-label>
      <col-label label="校区">待定</col-label>
      <col-label label="上课时间（线上）">2024-08-16 ~ 2024-09-22</col-label>
    </col-label-group>
  </Section>
  <Section title="课程信息">
    <col-label-group :span="12" :gutter="16">
      <col-label label="课题难度">General</col-label>
      <col-label label="学科类型">工科 | 电子电气工程 | 微电子学</col-label>
      <col-label label="关键词(中文)">计算机科学 | 电子工程 | 微电子学 | 集成电路</col-label>
      <col-label label="关键词(英文)">Cosmology | Astrophysics | Astronomy | Dark Energy</col-label>
      <col-label label="课程图片">General</col-label>
      <col-label label="资料">
        <DownloadFile :list="filesList" />
      </col-label>
      <col-label label="课程描述(中文)" vertical>
        本课程是芯片设计的低门槛入门课程。使用开源工具，学习如何设计、实现、仿真和验证 ASIC
        芯片。在学习过程中，学生将接触到芯片实现领域的许多常用工具和技术。在本课程的最后一个项目中，学生将制作一个非简单的数字设计。
      </col-label>
      <col-label label="课程描述(英文)" vertical>
        This course is a low-barrier to entry introduction to chip design. Using open-source tools, the student will learn how to design, implement, emulate, and verify an ASIC chip. Along the way,
        the student will be exposed to many common tools and techniques in the .
      </col-label>
    </col-label-group>
  </Section>
  <!-- <Section title="课程信息">
    <div>
      <Table ref="tableRef" auto-height :column="columns" :data="tableData"></Table>
    </div>
  </Section>
  <Section title="拓展信息">
    <col-label-group :span="12">
      <col-label label="擅长领域">{{ detailed.a00026 }}</col-label>
      <col-label label="印象标签">{{ detailed.a00027 }}</col-label>
      <col-label label="简介（中文）">{{ detailed.a00028 }}</col-label>
      <col-label label="简介（英文）">{{ detailed.a00029 }}</col-label>
      <col-label label="研究方向（中文）">{{ detailed.a00030 }}</col-label>
      <col-label label="研究方向（英文）">{{ detailed.a00031 }}</col-label>
      <col-label label="往期学员论文（中文）">{{ detailed.a00032 }}</col-label>
      <col-label label="往期学员论文（英文）">{{ detailed.a00033 }}</col-label>
      <col-label label="主页URL">{{ detailed.a00034 }}</col-label>
      <col-label label="介绍视频URL">{{ detailed.a00035 }}</col-label>
      <col-label label="讲座视频URL">{{ detailed.a00036 }}</col-label>
      <col-label label="微信推文URL">{{ detailed.a00037 }}</col-label>
      <col-label label="简历" :span="24">{{ detailed.a00038 }}</col-label>
      <col-label label="备注" :span="24">{{ detailed.a00039 }}</col-label>
      <col-label label="其他附件" :span="24">{{ detailed.a00040 }}</col-label>
    </col-label-group>
  </Section>
  <Section title="合同信息">
    <div>
      <Table ref="tableRef" auto-height :column="columnsContract" :data="tableData"></Table>
    </div>
  </Section> -->
</template>
<script lang="ts" setup>
  import { ref, Ref } from "vue"
  import Tag from "@/components/tag/index.vue"
  import DownloadFile from "@/components/downloadFile/index.vue"
  import Section from "@/components/section/index.vue"
  import ColLabel from "@/components/colLabel/index.vue"
  import ColLabelGroup from "@/components/colLabelGroup/index.vue"
  import type { RowVO } from "./interface"
  import { columns, columnsContract } from "./column"
  import Table from "@/components/table/index.vue"

  const filesList = ref([{ name: "WilliamNace_ChipDesign_Syllabus.pdf" }, { name: "WilliamNace_ChipDesign_Syllabus资料0092.pdf" }, { name: "WilliamNace_ChipDesign_Syllabus资料0092.pdf" }])

  const detailed = ref<any>({
    a0001: "lecture",
    a0002: "",
    a0003: "",
    a0004: "",
    a0005: "",
    a0006: "",
    a0007: "",
    a0008: "",
    a0009: "",
    a00010: "",
    a00011: "",
    a00012: "",
    a00013: "",
    a00014: "",
    a00015: "",
    a00016: "",
    a00017: "",
    a00018: "",
    a00019: "",
    a00020: "",
    a00021: "",
    a00022: "",
    a00023: "",
    a00024: "",
    a00025: "",
    a00026: "",
    a00027: "",
    a00028: "",
    a00029: "",
    a00030: "",
    a00031: "",
    a00032: "",
    a00033: "",
    a00034: "",
    a00035: "",
    a00036: "",
    a00037: "",
    a00038: "",
    a00039: "",
    a00040: "",
    a00041: "",
    a00042: "",
    a00043: "",
    a00044: "",
    a00045: "",
    a00046: "",
    a00047: "",
    a00048: "",
    a00049: "",
    a00050: "",
    a00051: "",
    a00052: "",
    a00053: "",
    a00054: "",
    a00055: "",
    a00056: "",
    a00057: "",
    a00058: "",
    a00059: "",
    a00060: "",
    a00061: "",
    a00062: "",
    a00063: "",
    a00064: "",
    a00065: "",
    a00066: "",
    a00067: "",
    a00068: "",
    a00069: "",
    a00070: "",
    a00071: "",
    a00072: "",
    a00073: "",
    a00074: "",
    a00075: "",
    a00076: "",
    a00077: "",
    a00078: "",
    a00079: "",
    a00080: "",
    a00081: "",
    a00082: "",
    a00083: "",
    a00084: "",
    a00085: "",
    a00086: "",
    a00087: "",
    a00088: "",
    a00089: "",
    a00090: "",
    a00091: "",
    a00092: "",
    a00093: "",
    a00094: "",
    a00095: "",
    a00096: "",
    a00097: "",
    a00098: "",
    a00099: "",
  })

  // ref
  const tableData = ref<RowVO[]>([])
  setTimeout(() => {
    tableData.value = [
      {
        id: 12165456,
        name: "Stanley",
        face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
        gender: "男",
        nationality: "中国",
        number: "MSG000001",
        telphone: "028-12165321",
        account: "admin@sas.upenn.eud",
        wechat: "",
        educational: "宾夕法尼亚大学",
      },
      {
        id: 12165456,
        name: "Stanley",
        face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
        gender: "男",
        nationality: "中国",
        number: "MSG000001",
        telphone: "028-12165321",
        account: "admin@sas.upenn.eud",
        wechat: "",
        educational: "宾夕法尼亚大学",
      },
      {
        id: 12165456,
        name: "Stanley",
        face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
        gender: "男",
        nationality: "中国",
        number: "MSG000001",
        telphone: "028-12165321",
        account: "admin@sas.upenn.eud",
        wechat: "",
        educational: "宾夕法尼亚大学",
      },
      {
        id: 12165456,
        name: "Stanley",
        face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
        gender: "男",
        nationality: "中国",
        number: "MSG000001",
        telphone: "028-12165321",
        account: "admin@sas.upenn.eud",
        wechat: "",
        educational: "宾夕法尼亚大学",
      },
    ]
  }, 1000)
</script>
